<template>
    <header>
        <div class="icon-location-box">
            <font-awesome-icon :icon="['fas', 'location-dot']" style="color: #ffffff;" />
        </div>
        <div class="location-text">
            云南大学呈贡校区力行楼
            <font-awesome-icon :icon="['fas', 'caret-down']" style="color: #ffffff;margin-left: 1vw;" />
        </div>
    </header>
</template>

<script setup>

</script>

<style scoped>
header{
    width: 100%;
    height: 12vw;
    background-color: #0097FF;

    display: flex;
    align-items: center;
}
header .icon-location-box{
    width: 3.5vw;
    height: 3.5vw;
    margin: -2vw 1vw 0 3vw;
}
header .location-text{
    font-size: 4.5vw;
    font-weight: 700;
    color: #fff;
}
</style>